<template>
    <div class="goodsdetails">
      <mt-header fixed class="head" title="创彩原创旗袍服饰旗舰店">
        <router-link to="" slot="left">
          <mt-button icon="" @click="gobefore" class="iconfont">&#xe615;</mt-button>
        </router-link>
        <mt-button class="iconfont buy" icon="" slot="right">&#xe600;</mt-button>
      </mt-header>

      <mt-navbar class="tab" v-model="selected">
        <mt-tab-item id="1">选项一</mt-tab-item>
        <mt-tab-item id="2">选项二</mt-tab-item>
        <mt-tab-item id="3">选项三</mt-tab-item>
      </mt-navbar>

      <!-- tab-container -->
      <!--<mt-tab-container v-model="selected">-->
        <!--<mt-tab-container-item id="1">-->
          <!--<mt-cell v-for="n in 10" :title="'内容 ' + n" />-->
        <!--</mt-tab-container-item>-->
        <!--<mt-tab-container-item id="2">-->
          <!--<mt-cell v-for="n in 4" :title="'测试 ' + n" />-->
        <!--</mt-tab-container-item>-->
        <!--<mt-tab-container-item id="3">-->
          <!--<mt-cell v-for="n in 6" :title="'选项 ' + n" />-->
        <!--</mt-tab-container-item>-->
      <!--</mt-tab-container>-->
    </div>
</template>

<script>
  import Vue from 'vue'
  import { Navbar, TabItem } from 'mint-ui';

  Vue.component(Navbar.name, Navbar);
  Vue.component(TabItem.name, TabItem);
    export default {
      data(){
        return{
          selected:'1'
        }
      },
      methods:{
        gobefore(){
          this.$router.go(-1)
        }
      },
        name: "Goodsdetails"
    }
</script>

<style scoped lang="stylus">
  .goodsdetails
    .tab
      margin-top: 2rem
    .head
      z-index 2
      display flex
      background: #581513
      color: #f6e0c2
</style>
